<template>
  <div class="view-editor">
    <a-card title="富文本编辑器">
      <a-alert message="Markdown编辑器Vue3版本，使用jsx和typescript语法开发，支持切换主题、prettier美化文本等" type="success" />
      <br />
      文档地址&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <a target="_blank" href="https://imzbf.github.io/md-editor-v3/index">https://imzbf.github.io/md-editor-v3/index</a>
    </a-card>
    <div class="view-editor-box">
      <CEditor v-model="state.text" style="height: 600px" />
    </div>
  </div>
</template>

<script lang="ts" setup name="editor">
/**
 * setup
 * @param {*}
 * @returns
 */
const state = reactive({
  text: '# 一级标题'
})
</script>

<style lang="less">
@import './index.less';
</style>
